<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智能选校系统</title>
    <link rel="stylesheet" href="../fonts/element-icons.ttf">
    <link rel="stylesheet" href="../fonts/element-icons.woff">
    <link rel="stylesheet" href="../css/ele.css">
    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/url.js"></script>
    <!-- <script src="../node_modules/element-ui/lib/index.js"></script> -->
    <script src="../js/ele.js"></script>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/znxxxt.css">
    <script src="../js/echarts.min.js"></script>
    <script src="../js/crypto-js.min.js"></script>
    <script src="../js/aes.js"></script>
    <script src="../js/Mixin.js"></script>
</head>

<body>
    <div id="app">
        <!-- 头部 -->
        <header>
            <div class="heart ng-scope" ng-controller="HeartForm">
                <div class="logo" @click="goHome">
                    <img src="../image/index/logo.png" alt="" style="width: 123px;height: 59px;margin-top: 8px;">
                    <div style="width: 1px;
                    height: 24px;
                    background: #333333;
                    margin-top: 7%;
                    margin-right: 9px;"></div>
                    <div>留学大数据，智能选校专家</div>
                </div>
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="menuSelect">
                    <el-submenu index="1">
                        <template slot="title">产品</template>
                        <div class="chanpin">
                            <ul class="unav">
                                <li :class="[activenavliIndex==0?'activenavli':'']" @click="unavclcik(0)">全球院校库</li>
                                <li :class="[activenavliIndex==1?'activenavli':'']" @click="unavclcik(1)">智能选校系统</li>
                            </ul>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==0">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    全球院校库</div>
                                <div class="lcontent">
                                    <!-- <div> -->
                                    <ul v-for="(item,index) in headerList" :key="index">
                                        <li>{{item.name}}</li>
                                        <li v-for="i in item.universityItems" @click="qqyxkClick(item.id,i.id)">
                                            {{i.name}}院校库
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div style="margin-left: 53px;" v-if="activenavliIndex==1">
                                <div class="ltitle"> <img src="../image/index/quanqiu.png" alt=""
                                        style="width: 26px;vertical-align: bottom;">
                                    智能选校系统</div>
                                <div class="lcontent">
                                    <div>
                                        <ul>
                                            <li v-for="(i,index) in znxxxtList" :key="index" style="font-size: 12px;"
                                                @click="znxxxtSearch(i)">
                                                {{i.name}}</li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </el-submenu>
                    <el-menu-item index="2">会员</el-menu-item>
                    <el-menu-item index="3">套餐</a></el-menu-item>
                    <el-menu-item index="4">合作</a></el-menu-item>

                </el-menu>
                <div class="user_box" id="user_box">
                    <div v-if="isLogin">
                        <el-dropdown trigger="click">
                            <span class="el-dropdown-link">
                                <img :src="HeadImageUrl" alt=""
                                    style="width: 33px;height: 33px; vertical-align: middle;margin-right: 8px;">
                                {{nickname}}<i class="el-icon-arrow-down el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item icon="el-icon-user" @click.native="goUser">个人中心</el-dropdown-item>
                                <el-dropdown-item icon="el-icon-layout"
                                    @click.native="layoutLogin">退出登录</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
                    <div v-else @click="login"><img src="../image/index/user.png" alt=""
                            style="width: 22px;vertical-align: middle;"> <a href="./login.html">登录</a>/ <a
                            href="./register.html">注册</a> </div>
                </div>
            </div>
        </header>
        <img src="../image/znxxxt/banner.png" alt="" style="width: 100%;">
        <!-- content height: calc(100vh - 114px);
        overflow-y: scroll;-->
        <div style="margin: auto;min-height: 1050px;">
            <div class="zixun">
                <div @click="()=>dialogWxzxVisiable=true"> <img src="../image/qqyxk/weixin.png" alt="">
                    <p>微信咨询</p>
                </div>
                <div @click="()=>dialogGxsjVisiable=true">
                    <img src="../image/qqyxk/shujuyuan.png" alt="">
                    <p>数据源更新</p>
                </div>
                <div style="border: 0;" @click="goTop">
                    <img src="../image/qqyxk/goTop.png" alt="">
                    <p>返回顶部</p>
                </div>
            </div>

            <div class="content" style="display: inline-block;margin-left: 18%;">
                <div class="ttitle">
                    <div class="znxxxt">智能选校系统</div>
                    <el-select v-model="countrySelectSystem" placeholder="请选择" style="margin-left: 18px;">
                        <el-option v-for="item in znxxxtList" :key="item.id" :label="item.name" :value="item.id"
                            @click.native="rulesOpitonChange(item)">
                        </el-option>
                    </el-select>
                    <!--    <el-cascader v-model="yuanxiao" :options="options" @change="handleChangeYxk"></el-cascader> -->
                </div>
                <div class="beijing">
                    <div class="bcontent">
                        <div class="header">
                            <img src="../image/znxxxt/beijing.png" alt="">
                            <span>你的背景</span>
                        </div>
                        <div class="binfo">
                            <div>
                                <div><span class="text">本科学校:</span><span class="value">{{formState.zncollege}}</span>
                                </div>
                                <div><span class="text" style="width: 95px;">本科就读专业:</span><span
                                        class="value">{{formState.basubject}}</span>
                                </div>
                            </div>
                            <div>
                                <div style="display: flex;">
                                    <div><span class="text">本科均分:</span><span
                                            class="value">{{formState.avgscore}}</span>
                                    </div>
                                    <div><span class="text"
                                            style="text-align: right;padding-right: 8px;">雅思:</span><span
                                            class="value">{{formState.ietlscore}}</span></div>
                                    <div v-if="formState.project"><span class="text"
                                            style="text-align: right;padding-right: 8px;">项目:</span><span
                                            class="value">{{formState.project}}</span>
                                        <!-- <span style="font-size: 13px;">段</span> -->
                                    </div>
                                    <div v-if="formState.workexper"><span class="text"
                                            style="text-align: right;padding-right: 8px;">工作经验:</span><span
                                            class="value">{{formState.workexper}}</span>
                                        <!-- <span style="font-size: 13px;">段</span> -->
                                    </div>
                                </div>
                                <div><span class="text" style="width: 95px;">GRE/GMAT:</span><span
                                        class="value">{{formState.grescore}}</span>
                                    <!-- <span style="font-size: 13px;">(包含GRE314以下或GMAT590以下)</span> -->
                                </div>
                            </div>
                            <div style="margin-bottom: 0;">
                                <div><span class="text">意向院校:</span><span class="value">{{formState.escollege}}</span>
                                </div>
                                <div><span class="text">意向专业:</span><span class="value">{{formState.masubjectid}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 17px;" class="zzxxtjSimple">
                    <div class="item" v-for="(item,index) in yuanxiaoList" :key="index" :name="index+''">
                        <div class="num"
                            :style="index==0?'background-image:url(../image/qqyxk/top1.png)':index==1?'background-image:url(../image/qqyxk/top2.png)':index==2?'background-image:url(../image/qqyxk/top3.png)':''">
                            TOP </br> 0{{index+1}}
                        </div>
                        <div style=" flex: 1;">
                            <div class="top">
                                <div style="display: flex;">
                                    <div class="xuexiao" style="margin-left: 21px;">QS{{item.collegeQs}} </div>
                                    <div style="margin-left: 16px;">
                                        <div class="xuexiao">{{item.collegeName}}</div>
                                        <div style="font-size: 15px;color: #777777;margin-top: 8px;">
                                            {{item.collegeESName}}</div>

                                    </div>
                                </div>
                                <div style="display: flex;margin-right: 7px;margin-top: 7px;">
                                    <div class="szm">{{item.collegeShortName}}</div>
                                    <div class="shoucang">
                                        <div>
                                            <img src="../image/qqyxk/shoucang.png" alt="" @click="shoucang(index)"
                                                v-if="!item.isShoucang">
                                            <img v-else src="../image/qqyxk/shoucangactive.png" alt=""
                                                @click="cancelShoucang(index)">
                                            <span>收藏</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="searchContent" style="float: none;vertical-align: top;display: inline-block;">
                <div>
                    <div class="stitle" @click="yuanxiaozhetie">
                        <div>院校排名范围</div> <span class="xiangxi">详细 <img src="../image/qqyxk/yxZk.png" alt=""></span>
                    </div>
                    <div v-if="isyuanxiaozhankai">
                        <!-- <el-input size="mini" placeholder="请输入院校名称" prefix-icon="el-icon-search"
                            v-model="yuanxiaoName"></el-input> -->
                        <!-- <div style="margin-bottom: 12px;margin-top: 8px;">
                            <el-radio>不限</el-radio>
                        </div> -->
                        <!-- <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
                            style="margin-bottom: 12px;">QS50以内</el-checkbox>

                        <el-checkbox-group v-model="checkedSort" @change="handleCheckedItemsChange">
                            <el-checkbox v-for="(item,index) in yxSort" :label="item"
                                :key="index">{{item}}</el-checkbox>
                        </el-checkbox-group> -->
                        <el-radio-group v-model="checkedSort">
                            <el-radio v-for="(item,index) in yxSort" :label="index" :key="index"
                                style="margin-bottom: 10px;">{{item}}</el-radio>
                        </el-radio-group>
                    </div>
                    <el-button type="primary" size="small" style="width: 100%;margin-top: 7px;"
                        @click="search">立即查询</el-button>
                </div>
                <div class="lxC">
                    <img class="logo" src="../image/znxxxt/logo.png" alt="">
                    <div class="thanks">感谢非攻留学大数据 </br><span>李小明</span>老师(联系:136 1692 3422)</br> 参与数据库共建</div>
                    <div class="tip"><img src="../image/znxxxt/yinhao.png"
                            alt="">非攻云数FIGO是一家专业的留学技术公司，具有海外基底。留学大数据，智能选校专家</div>
                </div>
            </div>
        </div>


        <!-- footer -->
        <footer>2023-2024 非攻留学大数据 版权所有 feigongdata.com 浙ICP备2024101258号-1</footer>

        <div class="dialog" v-if="dialogWxzxVisiable">
            <div class="dcontent">
                <img src="../image/close.png" alt="" style="width: 20px;position: absolute;top: 20px;right: 20px;"
                    @click="()=>dialogWxzxVisiable=false">
                <div class="dtop">
                    <img src="../image/wxzx.png" alt="" style="height: 80%;">
                </div>
                <div class="dbtm"></div>
                <div class="cont">
                    <img src="../image/member/ewm.png" alt="" style="width: 142px;margin-top: 33px;">
                    <div style="font-size: 13px;margin-top: 8px;">大李-非攻留学选校系统</div>
                    <div
                        style="font-size: 13px;line-height: 35px;text-align: center;
                        color: #0094FF;width: 287px; height: 35px;background: rgba(0,148,255,0.1);border-radius: 5px 5px 5px 5px;margin:33px auto 0;">
                        扫码添加专属客服微信号，领取专属福利~</div>
                </div>
            </div>
        </div>
        <div class="dialogSjy" v-if="dialogGxsjVisiable">
            <div class="dcontent" style="width: 483px;height: 397px;">
                <img src="../image/close1.png" alt="" style="width: 20px;position: absolute;top: 20px;right: 20px;"
                    @click="()=>dialogGxsjVisiable=false">
                <img src="../image/sjy.png" alt="" style="width: 108px;position: absolute; top:52px;right: 8px;">
                <div style="font-size: 20px;">数据源更新日志</div>
                <div style="font-size: 12px;width: 82%;
                color: #999999;margin-top: 14px;">如果您在使用过程中发现院校数据不正确，可随时提交相关的正确数据，我们将万分感谢您的反馈与支持。
                    我们致力于提供最准确和最新的教育信息，因此您的每一条建议都是我们改进服务的宝贵资源。</div>
                <table cellspacing="0">
                    <thead style="background-color: #0D6EED;">
                        <tr>
                            <th>序号</th>
                            <th>更新时间</th>
                            <th>更新内容</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="i in 6">
                            <td>0{{i}}</td>
                            <td>2025年1月21日</td>
                            <td>更新英国数据库v1.1</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</body>
<script>
    var app = new Vue({
        mixins: [myMixin],
        el: "#app",
        data() {
            return {
                dialogWxzxVisiable: false,
                dialogGxsjVisiable: false,
                yuanxiaoName: '',
                collapseActive: '-1',
                activeIndex: '1',
                activenavliIndex: 0,
                titleList: ['会员', '套餐', '合作'],
                isLogin: false,
                tabactiveIndex: 0,
                activeXueyuanIndex: 0,
                yuanxiao: [],
                countrySelectSystem: '',
                countrySelectSystemOptions: [
                    {
                        value: '选项1',
                        label: '美国选校系统'
                    }, {
                        value: '选项2',
                        label: '美国选校系统'
                    }, {
                        value: '选项3',
                        label: '美国选校系统'
                    }, {
                        value: '选项4',
                        label: '美国选校系统'
                    }, {
                        value: '选项5',
                        label: '美国选校系统'
                    }
                ],
                options: [{
                    value: '欧洲院校库',
                    label: '欧洲院校库',
                    children: [
                        {
                            value: '荷兰院校库',
                            label: '荷兰院校库',
                        },
                        {
                            value: '意大利院校库',
                            label: '意大利院校库',
                        },
                        {
                            value: '西班牙院校库',
                            label: '西班牙院校库',
                        }, {
                            value: '丹麦院校库',
                            label: '丹麦院校库',
                        }, {
                            value: '法国院校库',
                            label: '法国院校库',
                        }, {
                            value: '德国院校库',
                            label: '德国院校库',
                        }, {
                            value: '比利时院校库',
                            label: '比利时院校库',
                        }, {
                            value: '瑞典院校库',
                            label: '瑞典院校库',
                        }, {
                            value: '芬兰院校库',
                            label: '芬兰院校库',
                        }]
                },
                {
                    value: '北美院校库',
                    label: '北美院校库',
                    children: [{
                        value: '美国院校库',
                        label: '美国院校库',
                    }, {
                        value: '加拿大院校库',
                        label: '加拿大院校库',
                    }]
                },
                {
                    value: '英爱院校库',
                    label: '英爱院校库',
                    children: [{
                        value: '英国院校库',
                        label: '英国院校库'
                    }, {
                        value: '爱尔兰院校库',
                        label: '爱尔兰院校库'
                    }]
                },
                {
                    value: '澳新院校库',
                    label: '澳新院校库',
                    children: [{
                        value: '澳大利亚院校库',
                        label: '澳大利亚院校库'
                    }, {
                        value: '新西兰院校库',
                        label: '新西兰院校库'
                    }]
                }, {
                    value: '港新院校库',
                    label: '港新院校库',
                    children: [{
                        value: '香港院校库',
                        label: '香港院校库'
                    }, {
                        value: '新加坡院校库',
                        label: '新加坡院校库'
                    }]
                }, {
                    value: '东南亚院校库',
                    label: '东南亚院校库',
                    children: [{
                        value: '马来西亚院校库',
                        label: '马来西亚院校库'
                    }]
                }],
                xueyuanList: [
                    '建筑及城市规划学院',
                    '工程学院',
                    '人文及社会科学学院',
                    '阿尔佛雷德·P·斯隆管理学院',
                    '理学院',
                    '施瓦茨曼计算机学院',
                    '施瓦茨曼计算机学院',
                    '施瓦茨曼计算机学院'
                ],
                yuanxiaoList: [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }],
                zhuanyeList: [{ index: 0 }, { index: 1 }, { index: 2 }, { index: 3 }],
                yxSort: ['不限', 'QS50以内', 'QS51~100', 'QS101~150', 'QS150以上'],
                checkAll: false,
                checkedSort: 0,
                isIndeterminate: true,
                yxlyOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '哲学',
                        value: '哲学'
                    },
                    {
                        text: '电子电气',
                        value: '电子电气'
                    },
                    {
                        text: '金融',
                        value: '金融'
                    },
                    {
                        text: '法学',
                        value: '法学'
                    }
                ],
                zhuanyeOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '是',
                        value: '是'
                    },
                    {
                        text: '否',
                        value: '否'
                    },
                ],
                yasiOptions: [
                    {
                        text: '不限',
                        value: ''
                    },
                    {
                        text: '7.0~7.5',
                        value: '7.0~7.5'
                    },
                    {
                        text: '6.0~6.5',
                        value: '6.0~6.5'
                    },
                ],
                isyuanxiaozhankai: true,
                isyxlyzhankai: true,
                formState: {},
                yuanxiaoListCopy: []
            }
        },
        created() {
            this.formState = JSON.parse(localStorage.formState)
            this.countrySelectSystem = JSON.parse(localStorage.znxxxtSearch).id
            http('univ/queryresult?queryonylcode=' + JSON.parse(Decrypt(localStorage.queryonylcode)) + '&querycode=' + this.countrySelectSystem, 'post').then(res => {
                console.log(111111, res);
                if (res.message == "Fail") {
                    location.href = './znxxxtError.html'
                }
                console.log(11111111, JSON.parse(Decrypt(res.data)));
                let data = JSON.parse(Decrypt(res.data))
                this.yuanxiaoList = data
                this.yuanxiaoListCopy = this.yuanxiaoList.slice()
            })
        },
        mounted() {
        },
        methods: {
            search() {
                let index = this.checkedSort
                if (index == 0) {
                    this.yuanxiaoList = this.yuanxiaoListCopy
                }
                else if (index == 1) {
                    this.yuanxiaoList = this.yuanxiaoListCopy.filter(i => {
                        return Number(i.collegeQs) <= 50
                    })
                }
                else if (index == 2) {
                    this.yuanxiaoList = this.yuanxiaoListCopy.filter(i => {
                        return 50 < Number(i.collegeQs) && Number(i.collegeQs) <= 100
                    })
                }
                else if (index == 3) {
                    this.yuanxiaoList = this.yuanxiaoListCopy.filter(i => {
                        return 100 < Number(i.collegeQs) && Number(i.collegeQs) <= 150
                    })
                }
                else if (index == 4) {
                    this.yuanxiaoList = this.yuanxiaoListCopy.filter(i => {
                        return Number(i.collegeQs) > 150
                    })
                }
            },
            yuanxiaozhetie() {
                this.isyuanxiaozhankai = !this.isyuanxiaozhankai
            },
            yxlyzhetie() {
                this.isyxlyzhankai = !this.isyxlyzhankai
            },
            unavclcik(index) {
                console.log(index);
                this.activenavliIndex = index
            },
            tabClick(index) {
                this.tabactiveIndex = index
            },
            login() {
                window.location.href = './login.html'
            },
            goHome() {
                window.location.href = './index.html'
            },
            goUser() {
                window.location.href = './user.html'
            },
            handleChangeYxk(e) {
                console.log(e, this.value);
            },
            xueyuanClick(e) {
                this.activeXueyuanIndex = e
            },
            zhankai(index) {
                console.log(index);
                this.$set(this.yuanxiaoList, index, { isZhankai: true })
            },
            shouqi(index) {
                this.$set(this.yuanxiaoList, index, { isZhankai: false })
            },
            shoucang(index) {
                this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], isShoucang: true })
                console.log('this.yuanxiaoList', this.yuanxiaoList);
            },
            cancelShoucang(index) {
                this.$set(this.yuanxiaoList, index, { ...this.yuanxiaoList[index], isShoucang: false })
                console.log('this.yuanxiaoList', this.yuanxiaoList);

            },
            handleCheckAllChange(val) {
                this.checkedSort = val ? this.yxSort : [];
                this.isIndeterminate = false;
            },
            handleCheckedItemsChange(value) {
                console.log(value);
                let checkedCount = value.length;
                this.checkAll = checkedCount === this.yxSort.length;
                this.isIndeterminate = checkedCount > 0 && checkedCount < this.yxSort.length;
            },
            goTop() {
                window.scrollTo({
                    top: 0,
                    behavior: 'smooth'
                });
            },
            dialog(index, item) {
                this.$alert('查看录取数据透视需要扣减code码，是否继续？', '提示', {
                    confirmButtonText: '确定',
                    callback: action => {
                        console.log(action);
                        if (action == 'confirm') {
                            this.collapseActive = String(index)
                            http('univ/querydetail?querydetailid=' + item.queryid + '&querycode=' + this.countrySelectSystem, 'post').then(res => {
                                console.log(222, JSON.parse(Decrypt(res.data)));
                                let data = JSON.parse(Decrypt(res.data))
                                this.$nextTick(() => {
                                    this.getChart0()
                                    this.getChart1()
                                    this.getChart2()
                                    this.getChart3()
                                })
                            })
                        }
                    }
                });
            },
            collapseChange(val) {
                console.log(val);
                this.collapseActive = val
                // this.$nextTick(() => {
                //     this.getChart0()
                //     this.getChart1()
                //     this.getChart2()
                //     this.getChart3()
                // })
            },
            countrySelectSystemChange(after, before) {
                // console.log(after, before);
                // let item = this.znxxxtList.find(i => {
                //     return i.id == value
                // })
                // this.znxxxtSearch(item)
            },
            rulesOpitonChange(item) {
                console.log(item);
                this.znxxxtSearch(item)
            }
        }
    })
</script>
<style>
    .el-cascader .el-input .el-input__inner {
        border: 0;
    }
</style>

</html>